.popup{
    background:white;
    color:black;
    position:fixed;
    box-shadow:0 0 1px 0 #333;
    font-family: Helvetica, sans-serif;
    font-size:12px;
    border-radius:5px;
    max-width:400px;
    background: #f8f8f8;
    z-index:100000;
    min-width:200px;
    cursor: default;

}
.popup textarea {
    outline: 1px solid #e0e0e0;
    padding: 5px;
}
.popup textarea:focus {
    outline: 1px solid #c3c3c3;
}
.popup_dim{
    background:rgba(0,0,0,0.2);
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:99999;
    cursor:pointer;
}

.popup .title{
    padding:5px;
    font-weight:bold;
    text-align:center;
    background:#35759a;
    color:white;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.popup .text{
    padding:5px;
    text-align: center;
}
.popup .text input[type="text"]{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:5px 10px;
    width:100%;
    display:block;
    margin:10px auto 0 auto;
    border:1px solid #888;
    border-radius:4px;
    box-shadow:1px 1px 3px 0 #ccc inset;
    outline:none;
}
.popup .actions{
    width:100%;
    margin-bottom:8px;
    margin-left: 5px;
    text-align:center;
}
.popup .ok,.popup .close,.popup .cancel{
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f5f7 21%, #eaebee 50%, #f5f6f7 80%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(21%,#f5f5f7), color-stop(50%,#eaebee), color-stop(80%,#f5f6f7), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f5f7 21%,#eaebee 50%,#f5f6f7 80%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#f5f5f7 21%,#eaebee 50%,#f5f6f7 80%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#f5f5f7 21%,#eaebee 50%,#f5f6f7 80%,#fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#f5f5f7 21%,#eaebee 50%,#f5f6f7 80%,#fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
    padding:5px 15px;
    border:1px solid #ccc;
    display:inline-block;
    border-radius:3px;
    margin:0 2px;
    font-weight:bold;
    font-family: Helvetica, sans-serif;
    cursor:pointer;
    text-transform: uppercase;
    color: #444444;
}
.popup .ok:hover,.popup .close:hover,.popup .cancel:hover{
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #edeef1 21%, #dddee3 50%, #eff0f1 80%, #fbfbfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(21%,#edeef1), color-stop(50%,#dddee3), color-stop(80%,#eff0f1), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#edeef1 21%,#dddee3 50%,#eff0f1 80%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfbfb 0%,#edeef1 21%,#dddee3 50%,#eff0f1 80%,#fbfbfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#edeef1 21%,#dddee3 50%,#eff0f1 80%,#fbfbfb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbfbfb 0%,#edeef1 21%,#dddee3 50%,#eff0f1 80%,#fbfbfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
}
.popup .ok:active,.popup .close:active,.popup .cancel:active{
    box-shadow: 1px 1px 2px 0 #888 inset;
    text-shadow: 1px 1px #ccc;
}
.popup .close_alt{
    position:absolute;
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    background: url();
    cursor:pointer;
    background-size: cover;
}